	<script src="__JS__/responsiveslides.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="__JS__/index.js" type="text/javascript" charset="utf-8"></script>
	<script src="__JS__/scrollReveal.js" type="text/javascript" charset="utf-8"></script>
	<script src="__JS__/plyr.js" type="text/javascript" charset="utf-8"></script>
	<script src="__JS__/jquery.waterwheelCarousel.js"></script>
	<script src="__JS__/allinone_carousel.js"></script>
	<script src="__JS__/jquery-ui-1.8.16.custom.min.js"></script>
	<link rel="stylesheet" type="text/css" href="__CSS__/swiper.min.css"/>
	<link rel="stylesheet" type="text/css" href="__CSS__/index.css"/>
	<link rel="stylesheet" type="text/css" href="__CSS__/plyr.css"/>
	<link rel="stylesheet" href="__CSS__/allinone_carousel.css" />
	<link rel="stylesheet" href="__CSS__/kwicks-slider.css" />
	<link rel="stylesheet" type="text/css" href="__CSS__/style.css"/>


	<div id="top" class="callbacks_container">
		<ul class="rslides" id="sliderBanner">
			<!--<li>
				<img src="__IMG__/banner.jpg" alt="">
			</li>
			<li>
				<img src="__IMG__/banner2.jpg" alt="">
			</li>
			<li>
				<img src="__IMG__/banner.jpg" alt="">
			</li>
			<li>
				<img src="__IMG__/banner2.jpg" alt="">
			</li>-->
			{foreach name="ad" item="a"}
			<li>
				<img src="{$a['ad_image_url']}" alt="{$a['ad_name']}">
			</li>
			{/foreach}
		</ul>
	</div>
	<div class="clearfix"></div>

	<div class="container" style="text-align: center;margin-top: 30px">
		<img style="width: 100%;" src="__IMG__/fashion_show.png" alt="" />
		<div class="fashion_show_text">{$config['SZFB_TITLE']}</div>
	</div>

	<!-- banner -->
	<div class="banner">
		<div class="container">
			<ul id="flexiselDemo3">
				<li><a href="index.html">
					<div class="banner-1">
						<img src="{$config['FASHION1']}" class="img-responsive" alt="">
						<div class="cat_top">
							<i class="fa fa-thumbs-up" aria-hidden="false"></i>
							<p></p>
						</div>
					</div></a>
				</li>
				<li>
					<a href="index.html">
						<div class="banner-1">
							<img src="{$config['FASHION2']}" class="img-responsive" alt="">
							<div class="cat_top">
								<i class="fa fa-thumbs-up" aria-hidden="false"></i>
								<p></p>
							</div>
						</div></a>
				</li>
				<li>
					<a href="index.html">
						<div class="banner-1">
							<img src="{$config['FASHION3']}" class="img-responsive" alt="">
							<div class="cat_top">
								<i class="fa fa-thumbs-up" aria-hidden="false"></i>
								<p></p>
							</div>
						</div></a>
				</li>
				<li>
					<a href="index.html">
						<div class="banner-1">
							<img src="{$config['FASHION4']}" class="img-responsive" alt="">
							<div class="cat_top">
								<i class="fa fa-thumbs-up" aria-hidden="false"></i>
								<p></p>
							</div>
						</div></a>
				</li>
				<li>
					<a href="index.html">
						<div class="banner-1">
							<img src="{$config['FASHION5']}" class="img-responsive" alt="">
							<div class="cat_top">
								<i class="fa fa-thumbs-up" aria-hidden="false"></i>
								<p></p>
							</div>
						</div></a>
				</li>
			</ul>

			<script type="text/javascript">
                $(window).load(function() {

                    $("#flexiselDemo3").flexisel({
                        visibleItems: 5,
                        animationSpeed: 1000,
                        autoPlay: true,
                        autoPlaySpeed: 3000,
                        pauseOnHover: true,
                        enableResponsiveBreakpoints: true,
                        responsiveBreakpoints: {
                            portrait: {
                                changePoint:480,
                                visibleItems: 2
                            },
                            landscape: {
                                changePoint:640,
                                visibleItems: 3
                            },
                            tablet: {
                                changePoint:768,
                                visibleItems: 3
                            }
                        }
                    });

                    $('.banner-1').hover(function(){
                        $(this).children('div').hide();
                    },function(){
                        $(this).children('div').show();
                    });
                });
			</script>
			<script type="text/javascript" src="__JS__/jquery.flexisel.js"></script>
		</div>
	</div>
	<div class="clearfix"> </div>
	<!-- banner -->

	<div class="instock">
		<div class="container">
			<a href="">
				<div class="col-md-6 chuk" data-scroll-reveal="enter left over 1s and move 200px after 0s" >
					<div class="about-grid-info " style="float: right;">
						<img src="{$config['HOME_BRAND_LINK1']}" alt="" />
						<div class="agileits-caption">
							<i class="fa fa-thumbs-up" aria-hidden="false"></i>
							<p></p>
						</div>
					</div>
				</div>
			</a>
			<a href="">
				<div class="col-md-6 blanc" data-scroll-reveal="enter right over 1s and move 200px after 0s" >
					<div class="about-grid-info ">
						<img src="{$config['HOME_BRAND_LINK2']}" alt="" />
						<span class="img_label">
								<img src="__IMG__/index/zhixing.png" alt="" />
							</span>
						<span class="img_label_rt">
								<img src="__IMG__/index/right_top_line.png" alt="" />
							</span>
						<div class="agileits-caption">
							<i class="fa fa-thumbs-up" aria-hidden="false"></i>
							<p></p>
						</div>
					</div>
				</div>
			</a>
			<div class="clearfix"> </div>
		</div>
		<div class="container">
			<a href="">
				<div class="col-md-6 chuk" data-scroll-reveal="enter left over 1s and move 200px after 0s" >
					<div class="about-grid-info " style="float: right;">
						<img src="{$config['HOME_BRAND_LINK3']}" alt="" />
						<span class="img_label">
								<img src="__IMG__/index/qingsong.png" alt="" />
							</span>
						<span class="img_label_lb">
								<img src="__IMG__/index/left_bottom_line.png" alt="" />
							</span>
						<div class="agileits-caption">
							<i class="fa fa-thumbs-up" aria-hidden="false"></i>
							<p></p>
						</div>
					</div>
				</div>
			</a>
			<a href="">
				<div class="col-md-6 blanc" data-scroll-reveal="enter right over 1s and move 200px after 0s" >
					<div class="about-grid-info ">
						<img src="{$config['HOME_BRAND_LINK4']}" alt="" />
						<div class="agileits-caption">
							<i class="fa fa-thumbs-up" aria-hidden="false"></i>
							<p></p>
						</div>
					</div>
				</div>
			</a>
			<div class="clearfix"> </div>
		</div>
	</div>

	<div style="background-image: url('{$config[HOME_VIDEO_BG]}');background-size: 100% 100%;padding: 30px 0;">
		<div class="container">
			<div class="row  video" data-scroll-reveal="enter top over 1s and move 200px after 0s" data-scroll-reveal-id="1" style="-webkit-transform: translatey(-200px);transform: translatey(-200px);opacity: 0;-webkit-transition: -webkit-transform 1s ease-in-out 0s,  opacity 1s ease-in-out 0s;transition: transform 1s ease-in-out 0s,  opacity 1s ease-in-out 0s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;" data-scroll-reveal-initialized="true">
				<div tabindex="0" class="plyr plyr--video plyr--fullscreen-enabled plyr--stopped plyr--ready">
					<div class="plyr__video-wrapper" style="cursor: pointer;">
						<div class="plyr__captions"></div>
						<video class="embed-responsive-item plyr--setup" poster="{$config['HOME_VIDEO_IMG']}">
							<source src="{$config['HOME_VIDEO']}" type="video/mp4">
						</video>
					</div>
					<button type="button" data-plyr="play" class="plyr__play-large" aria-label="Play"><svg><use xlink:href="#plyr-play"></use></svg><span class="plyr__sr-only">Play</span></button>
					<div class="plyr__controls"><button type="button" data-plyr="play" aria-label="Play"><svg><use xlink:href="#plyr-play"></use></svg><span class="plyr__sr-only">Play</span></button><button type="button" data-plyr="pause"><svg><use xlink:href="#plyr-pause"></use></svg><span class="plyr__sr-only">Pause</span></button><span class="plyr__progress"><label for="seek6523" class="plyr__sr-only">Seek</label><input id="seek6523" class="plyr__progress--seek" type="range" min="0" max="100" step="0.1" value="0" data-plyr="seek"><progress class="plyr__progress--played" max="100" value="0" role="presentation"></progress><progress class="plyr__progress--buffer" max="100" value="7.05"><span>7.05</span>% buffered</progress><span class="plyr__tooltip">00:00</span></span><span class="plyr__time"><span class="plyr__sr-only">Current time</span><span class="plyr__time--current">00:39</span></span><button type="button" data-plyr="mute" aria-pressed="false"><svg class="icon--muted"><use xlink:href="#plyr-muted"></use></svg><svg><use xlink:href="#plyr-volume"></use></svg><span class="plyr__sr-only">Toggle Mute</span></button><span class="plyr__volume"><label for="volume6523" class="plyr__sr-only">Volume</label><input id="volume6523" class="plyr__volume--input" type="range" min="0" max="10" value="10" data-plyr="volume"><progress class="plyr__volume--display" max="10" value="10" role="presentation"></progress></span><button type="button" data-plyr="captions"><svg class="icon--captions-on"><use xlink:href="#plyr-captions-on"></use></svg><svg><use xlink:href="#plyr-captions-off"></use></svg><span class="plyr__sr-only">Toggle Captions</span></button><button type="button" data-plyr="fullscreen" aria-pressed="false"><svg class="icon--exit-fullscreen"><use xlink:href="#plyr-exit-fullscreen"></use></svg><svg><use xlink:href="#plyr-enter-fullscreen"></use></svg><span class="plyr__sr-only">Toggle Fullscreen</span></button></div>
				</div>
			</div>
		</div>
	</div>

	<div class="clearfix"></div>

	<div id="show_b">
		<script src="__JS__/modernizr.custom.53451.js"></script>
		<script src="__JS__/jquery.gallery.js" type="text/javascript" charset="utf-8"></script>
		<!--start-work-->
		<div class="work">
			<div class="container">
				<div class="work-bottom">
					<section id="dg-container" class="dg-container">
						<div class="dg-wrapper">
							{foreach name="bottom" item="b"}
								<a href="#"><img src="{$b['image']}" alt="image1" /></a>
							{/foreach}
							<!--<a href="#"><img src="__IMG__/brand/brand_show1.png" alt="image2" /></a>-->
						</div>
					</section>
				</div>
			</div>
		</div>
		<!--end-work-->
		<script type="text/javascript">
            $(function() {
                $('#dg-container').gallery({
                    autoplay	:	true
                });
            });
		</script>
	</div>

	<script>
	// 滑动
	$(function () {
		$("#sliderBanner").responsiveSlides({
			auto: true,
			pager: true,
//			nav: true,
			speed: 500,
			namespace: "callbacks",
			before: function () {
	  			$('.events').append("<li>before event fired.</li>");
			},
			after: function () {
				$('.events').append("<li>after event fired.</li>");
	        }
		});
	});	
	</script>
	<script>plyr.setup();</script>
    <script>
        (function () {
            window.scrollReveal = new scrollReveal({reset: true, move: '50px'});
        })();
    </script>

	<script>
		$('#index').addClass('active');
	</script>

